﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>电子招投标云平台 后台管理系统V1.0</title>
    <link rel="stylesheet" href="/Content/bootstrap.min.css" />
    <link rel="stylesheet" href="/Content/style.css" />
    <link rel="stylesheet" href="/Content/index.css" />
    <link rel="stylesheet" href="/Content/layui/css/layui.css" />
    <script src="/Scripts/jquery-1.10.2.min.js"></script>
    <script src="/Scripts/bootstrap.min.js"></script>
    <script src="/Content/layui/layui.js"></script>
    <script src="/Content/layui/lay/modules/form.js"></script>
    <script src="/Content/layui/lay/modules/layer.js"></script>
</head>
<body>
    <div class="wrap">
        <!--header start-->
        <div class="header">
            <div class="header-left fl">
                <img src="/Images/system-logo.png" alt="电子招投标云平台 后台管理系统" />
            </div>
            <div class="header-right fr c">
                <div class="loginbar fr c">
                    <div class="icon-user fl"><i class="icon-user"></i>欢迎您 : <b>系统管理员</b></div>
                    <div class="icon-password fl"><i class="icon-password"></i><a style="cursor: pointer" onclick="">修改密码</a></div>
                    <div class="icon-editor fl"><i class="icon-editor"></i><a style="cursor: pointer" onclick="">修改资料</a></div>
                    <div class="icon-close fl"><i class="icon-close"></i><a style="cursor: pointer" onclick="">退出</a></div>
                </div>
                <ul class="menu fr c">
                    <li><a href="javascript:;">后台首页</a></li>
                    <li><a href="javascript:;">系统管理</a></li>
                    <li><a href="javascript:;">会员管理</a></li>
                    <li><a href="javascript:;">基础数据</a></li>
                    <li><a href="javascript:;">消息管理</a></li>
                    <li><a href="javascript:;">安全认证</a></li>
                    <li><a href="javascript:;">专家库管理</a></li>
                    <li><a href="javascript:;">费用管理</a></li>
                </ul>
            </div>
        </div>
        <!--header end-->
        <!--content start-->
        <div class="content c">
            <!--content-left-->
            <div class="content-left fl c">
                <ul class="left-menu">
                    <li class="level-one">
                        <a href="javascript:;"><em class="icon-left icon-left-company"></em>注册企业</a>
                    </li>
                    <li class="level-one">
                        <a href="javascript:;"><em class="icon-left icon-left-user"></em>会员功能管理<b class="icon-more-gray"></b></a>
                        <ul class="level-two">
                            <li><a href="javascript:;"><em class="icon-left-point icon-point-gray"></em>招标人功能管理</a></li>
                            <li><a href="javascript:;"><em class="icon-left-point icon-point-gray"></em>招标代理功能管理</a></li>
                            <li><a href="javascript:;"><em class="icon-left-point icon-point-gray"></em>投标人功能管理</a></li>
                            <li><a href="javascript:;"><em class="icon-left-point icon-point-gray"></em>评标专家功能管理</a></li>
                        </ul>
                    </li>
                    <li class="level-one">
                        <a href="javascript:;"><em class="icon-left icon-left-users"></em>会员角色权限<b class="icon-more-gray"></b></a>
                        <ul class="level-two">
                            <li><a href="javascript:;"><em class="icon-left-point icon-point-gray"></em>招标人角色</a></li>
                            <li><a href="javascript:;"><em class="icon-left-point icon-point-gray"></em>代理机构角色</a></li>
                            <li><a href="javascript:;"><em class="icon-left-point icon-point-gray"></em>投标单位角色</a></li>
                            <li><a href="javascript:;"><em class="icon-left-point icon-point-gray"></em>评标专家角色</a></li>
                        </ul>
                    </li>
                </ul>


            </div>
            <!--content-right-->
            <div class="content-right fl c">
                <div class="top-url">
                    <span>首页 </span> > <span> 数据基础 </span> > <span> 数据字典</span>
                </div>
                <div class="search mt5">
                    <form class="layui-form">
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">功能名称 : </label>
                                <div class="layui-input-inline"><input type="text" name="name" placeholder="请输入功能名称" autocomplete="off" class="layui-input" /></div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">功能类型 : </label>
                                <div class="layui-input-inline">
                                    <select name="type">
                                        <option>请选择</option>
                                        <option value="0">站点</option>
                                        <option value="1">模块</option>
                                    </select>

                                </div>
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-inline">
                                <label class="layui-form-label">确认状态 : </label>
                                <div class="layui-input-inline">
                                    <select name="state">
                                        <option>请选择</option>
                                        <option value="0">已确定</option>
                                        <option value="1">未确认</option>
                                    </select>
                                    <div class="layui-unselect layui-form-select">
                                        <div class="layui-select-title">
                                            <input type="text" placeholder="请选择" class="layui-input layui-unselect" />
                                            <i class="layui-edge"></i>
                                        </div>
                                        <dl class="layui-anim layui-anim-upbit">
                                            <dd lay-value="0">已确认</dd>
                                            <dd lay-value="1">未确认</dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                            <div class="layui-inline">
                                <label class="layui-form-label">启用禁用状态 : </label>
                                <div class="layui-input-inline">
                                    <select name="enable">
                                        <option>请选择</option>
                                        <option value="0">启用</option>
                                        <option value="1">禁用</option>
                                    </select>
                                    <div class="layui-unselect layui-form-select">
                                        <div class="layui-select-title">
                                            <input type="text" placeholder="请选择" class="layui-input layui-unselect" />
                                            <i class="layui-edge"></i>
                                        </div>
                                        <dl class="layui-anim layui-anim-upbit">
                                            <dd lay-value="0">启用</dd>
                                            <dd lay-value="1">禁用</dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                            <input type="button" class="layui-btn layui-btn-radius layui-btn-warm" lay-filter="search" value="搜 索" />
                        </div>

                    </form>
                </div>
                <div class="main mt5">
                    <div class="btns">
                        <a href="javascript:;">新 增</a>
                        <a href="javascript:;">确 认</a>
                        <a href="javascript:;">删 除</a>
                    </div>
                    <div class="layui-form">
                        <table class="layui-table">
                            <colgroup>
                                <col width="50" />
                                <col width="100" />
                                <col width="100" />
                                <col width="100" />
                                <col width="100" />
                                <col width="100" />
                                <col width="100" />
                                <col width="250" />
                                <col width="100" />
                                <col width="80" />
                                <col width="80" />
                                <col width="80" />
                            </colgroup>
                            <thead>
                                <tr>
                                    <th>
                                        <input type="checkbox" lay-skin="primary" lay-filter="allChoose" />
                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i class="layui-icon"></i></div>
                                    </th>
                                    <th>序号</th>
                                    <th>编码</th>
                                    <th>名称</th>
                                    <th>Rightflog</th>
                                    <th>上级名称</th>
                                    <th>功能类型</th>
                                    <th>链接地址</th>
                                    <th>功能ToolTip</th>
                                    <th>确认状态</th>
                                    <th>启用/禁用</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <input type="checkbox" lay-skin="primary" />
                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i class="layui-icon"></i></div>
                                    </td>
                                    <td>1</td>
                                    <td>120000</td>
                                    <td>组织机构</td>
                                    <td>增加</td>
                                    <td>功能管理</td>
                                    <td>模块</td>
                                    <td></td>
                                    <td>功能管理</td>
                                    <td><a href="javascript:;" class="is-confirm"><i class="confirm"></i></a></td>
                                    <td><a href="javascript:;" class="is-enable"><i class="enable"></i></a></td>
                                    <td><a href="javascript:;" class="editor"><i class="editor"></i></a></td>
                                </tr>
                                <tr>
                                    <td>
                                        <input type="checkbox" lay-skin="primary" />
                                        <div class="layui-unselect layui-form-checkbox" lay-skin="primary"><i class="layui-icon"></i></div>
                                    </td>
                                    <td>1</td>
                                    <td>120000</td>
                                    <td>组织机构</td>
                                    <td>增加</td>
                                    <td>功能管理</td>
                                    <td>模块</td>
                                    <td></td>
                                    <td>功能管理</td>
                                    <td><a href="javascript:;" class="is-confirm"><i class="confirm"></i></a></td>
                                    <td><a href="javascript:;" class="is-enable"><i class="enable"></i></a></td>
                                    <td><a href="javascript:;" class="editor"><i class="editor"></i></a></td>
                                </tr>

                            </tbody>
                        </table>
                    </div>
                    <div id="page"></div>
                </div>
            </div>
        </div>
        <!--content end-->
        <!--footer start-->
        <div class="footer">
            <div>Copyright © 2017 电子招投标云平台</div>
        </div>
        <!--footer end-->
    </div>
    <script>
        $(function () {
            $(".left-menu .level-one>a").click(function () {
                if ($(this).siblings(".level-two").is(':hidden') || $(this).siblings().length == 0) {
                    $(this).addClass("level-two-active");
                    $(this).siblings(".level-two").show(800);
                    $(this).children("b").removeClass('icon-more-gray').addClass('icon-more');
                    $(this).parent().siblings(".level-one").children("a").removeClass("level-two-active");
                    $(this).parent().siblings(".level-one").children("ul").hide(800);
                    $(this).parent().siblings(".level-one").children("a").children("b").removeClass('icon-more').addClass('icon-more-gray');
                } else {
                    $(this).siblings(".level-two").hide(800);
                    $(this).children("b").removeClass('icon-more').addClass('icon-more-gray')
                }
            });
        })
        //分页
        layui.use(['laypage', 'layer'], function () {
            var laypage = layui.laypage
            , layer = layui.layer;

            laypage({
                cont: 'page'
         , pages: 20
         , skip: true
            });
        });
        //表格全选
        layui.use('form', function () {
            var $ = layui.jquery, form = layui.form();
            form.on('checkbox(allChoose)', function (data) {
                var child = $(data.elem).parents('table').find('tbody input[type="checkbox"]');
                child.each(function (index, item) {
                    item.checked = data.elem.checked;
                });
                form.render('checkbox');
            });

        });
        //弹出提示框
        $(".is-confirm").on('click', function () {
            layer.confirm('是否确定修改确认状态？', {
                btn: ['确定', '取消'] //按钮
            })
        })
    </script>
    <script>
        window.location.href = '/Home/Index';
    </script>
</body>
</html>
